/* pages/cart/cart.wxss */
.cart_box{
    padding-bottom: 100rpx;
    .cart_list{
        position: relative;
        padding: 20rpx 20rpx 20rpx 285rpx;
        height: 185rpx;
        border-bottom: 1px solid #e9e9e9;
        .cart_pro_select{
            position: absolute;
            left: 20rpx;
            top: 90rpx;
            width: 45rpx;
            height: 45rpx;
        }
        .cart_thumb{
            position: absolute;
            width: 185rpx;
            height: 185rpx;
            top: 20rpx;
            left: 85rpx;
        }
        .cart_pro_name{
            display: inline-block;
            width: 300rpx;
            height: 105rpx;
            line-height: 50rpx;
            overflow: hidden;
        }
        .cart_pro_price{
            // display: inline-block;
            float: right;
            height: 105rpx;
            line-height: 50rpx;
        }
        .cart_pro_box{
            position: absolute;
            left: 285rpx;
            bottom: 20rpx;
            width: 250rpx;
            height: 80rpx;
            text{
                display: inline-block;
                line-height: 80rpx;
                text-align: center;
                
            }
            .cart_pro_down,.cart_pro_up{
                width: 50rpx;
                height: 100%;
                font-size: 44rpx;
            }
            .cart_pro_num{
                width: 150rpx;
            }
        }
        .cart_del{
            position: absolute;
            right: 20rpx;
            bottom: 20rpx;
            width: 80rpx;
            height: 80rpx;
            text-align: center;
            font-size: 44rpx;
            background-color: #faf5f5;
            color: rgb(133, 130, 130);
            border: 1px solid #e9e9e9;
        }
    }
}

.cart_footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90rpx;
    line-height: 90rpx;
    padding: 0 100rpx 0 80rpx;
    box-sizing: border-box;
    background-color: #AB956D;
    color: #FFF;
    .total-select{
        position: absolute;
        left: 20rpx;
        top: 25rpx;
        width: 45rpx;
        height: 45rpx;
    }
    .total-price{
        float: right;
        color: #FFF;
    }
    .pay{
        position: absolute;
        right: 0;
        top: 0;
        width: 100rpx;
        height: 100%;
        background-color: yellowgreen;
        text-align: center;

    }
}